{% extends 'blog_base.html' %} 

{% block title %}登录{% endblock %} 

{% block main %}
<div class="m-auto" style="max-width: 300px">
  <h1>登录</h1>
  <form action="" method="post">
    <!-- 防止csrf攻击 -->
    {% csrf_token %}
    <div class="mb-3">
      <label>邮箱</label>
      <input
        type="email"
        name="email"
        value="{{userInfo.email}}"
        class="form-control"
        placeholder="邮箱"
      />
      <div style="color: red;">{{err.email.0.message}}</div>
    </div>
    <div class="mb-3">
      <label>密码</label>
      <input
        type="password"
        name="password"
        value="{{userInfo.password}}"
        class="form-control"
        placeholder="密码"
      />
      <div style="color: red;">{{err.password.0.message}}</div>
    </div>
    <div class="form-check mb-2">
      <input
        class="form-check-input"
        type="checkbox"
        name="remember"
        value="1"
        id="checkDefault"
      />
      <label class="form-check-label" for="checkDefault"> 记住我 </label>
    </div>
    <div class="mb-3">
      <button class="btn btn-primary w-100">立即登录</button>
    </div>
  </form>
</div>
{% endblock %}
